<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, height=device-height, user-scalable=0,  minimum-scale=1, maximum-scale=1">
     <title>管理订单</title>
    <link rel="stylesheet" href="../style/order.css">
    <link rel="stylesheet" href="../style/public.css">
  </head>
  <body> 
   <div class="app">
     <header class="header">
       <span class="header-back"></span>
       <div class="header-title">
        管理订单
       </div>
     </header>
      <!--导航栏-->
     <ul class="orderNav">
       <li class="orderNav-list is-active ">
         全部
       </li>
       <li class="orderNav-list" onclick="alert(1)">
         待支付
       </li>
       <li class="orderNav-list" onclick="alert(2)">
         待接单
       </li>
       <li class="orderNav-list" onclick="alert(3)">
         进行中
       </li>
       <li class="orderNav-list">
         已完成
       </li>
       <li class="orderNav-list">
         已取消
       </li>
     </ul>
     <!--订单-->
     <ul class="orderList">
       <li class="orderList-item">
         <p class="orderList-item-title">
           <span class="toBePay">待支付</span>
           <span>2016-10-08 15:20 下单</span>
         </p>
         <div class="orderList-item-message">
           <div class="orderList-item-message-adr">
             <p class="orderList-item-message-adr-text">
               <span>从 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>到 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>收货电话 : </span>
               15759580000
             </p>
           </div>
           <p class="orderList-item-message-money">￥10.00</p>
         </div>
         <ul class="orderList-item-foot">
           <li class="orderList-item-foot-item" onclick="alert('a')">
             我要退单
           </li>
           <li class="orderList-item-foot-item is-active" onclick="alert('b')">
             我要加价
           </li>
         </ul>
       </li>
       
       <li class="orderList-item">
         <p class="orderList-item-title">
           <span class="waitingList">待接单</span>
           <span>2016-10-08 15:20 下单</span>
         </p>
         <div class="orderList-item-message">
           <div class="orderList-item-message-adr">
             <p class="orderList-item-message-adr-text">
               <span>从 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>到 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>收货电话 : </span>
               15759580000
             </p>
           </div>
           <p class="orderList-item-message-money">￥10.00</p>
         </div>
         <ul class="orderList-item-foot">
           <li class="orderList-item-foot-item">
             我要退单
           </li>
           <li class="orderList-item-foot-item is-active">
             我要加价
           </li>
         </ul>
       </li>
       
       <li class="orderList-item">
         <p class="orderList-item-title">
           <span class="ongoing">进行中</span>
           <span>2016-10-08 15:20 下单</span>
         </p>
         <div class="orderList-item-message">
           <div class="orderList-item-message-adr">
             <p class="orderList-item-message-adr-text">
               <span>从 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>到 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>收货电话 : </span>
               15759580000
             </p>
           </div>
           <p class="orderList-item-message-money">￥10.00</p>
         </div>
         <ul class="orderList-item-foot">
           <li class="orderList-item-foot-item">
             我要退单
           </li>
           <li class="orderList-item-foot-item is-active">
             我要加价
           </li>
         </ul>
       </li>
       
       <li class="orderList-item">
         <p class="orderList-item-title">
           <span class="finish">已完成</span>
           <span>2016-10-08 15:20 下单</span>
         </p>
         <div class="orderList-item-message">
           <div class="orderList-item-message-adr">
             <p class="orderList-item-message-adr-text">
               <span>从 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>到 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>收货电话 : </span>
               15759580000
             </p>
           </div>
           <p class="orderList-item-message-money">￥10.00</p>
         </div>
         <ul class="orderList-item-foot">
           <li class="orderList-item-foot-item">
             我要退单
           </li>
           <li class="orderList-item-foot-item is-active">
             我要加价
           </li>
         </ul>
       </li>
       
       <li class="orderList-item">
         <p class="orderList-item-title">
           <span class="canc">已取消</span>
           <span>2016-10-08 15:20 下单</span>
         </p>
         <div class="orderList-item-message">
           <div class="orderList-item-message-adr">
             <p class="orderList-item-message-adr-text">
               <span>从 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>到 : </span>
               福建省创企信息科技有限公司
             </p>
             <p class="orderList-item-message-adr-text">
               <span>收货电话 : </span>
               15759580000
             </p>
           </div>
           <p class="orderList-item-message-money">￥10.00</p>
         </div>
         <ul class="orderList-item-foot">
           <li class="orderList-item-foot-item">
             我要退单
           </li>
           <li class="orderList-item-foot-item is-active">
             我要加价
           </li>
         </ul>
       </li>
     </ul>
   </div>
  </body>
</html>
